@charset "UTF-8";
@import "base1";

//主内容区域
.healthy_layout{
  width:100%;
  min-width: 320px;
  margin:0 auto;
  //头部
  .header{
    height:1.1rem;
    background: @mainColor;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:888;
    display:flex;
    .back{
      flex:2;
      margin:.35rem 0 .35rem 0;
      a{
        display:block;
        height:.40rem;
        width:.40rem;
        background: url(../publics/image/return_40.png) no-repeat;
        background-size: 100%;
      }
    }
    .title{
      flex:4;
      height:1.1rem;
      line-height: 1.1rem;
      margin:0 auto;
      text-align: center;
      color:#fff;
      font-size:.40rem;
    }
    .other{
      flex:2;
      margin:.35rem 0 .35rem 0;
      a{
        color:#fff;
        font-size:.35rem;
        display:block;
        height:.5rem;
        width:.5rem;
        text-align: center;
        position:relative;
      }
      .timeline-nav-wrap{
        position: absolute;
        top: 1rem;
        right:.3rem;
        z-index: 9999 !important;
        opacity:0;
        .timeline-nav{
          min-width: 90px;
          max-width: 110px;
          margin: 0;
          padding: .03rem 0 .05rem;
          background: #dedddd;
          border: solid .01rem #919191;
          line-height: 100%;
          border-radius: 5px;
          box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 1px 1px rgba(0,0,0,.2);
          li{
            a{
              display:block;
              width:100%;
              font-size:.36rem;
              padding: .05rem .1rem;
              font-weight: bold;
              color: #616161;
              text-decoration: none;
              text-shadow: 0 1px 0 rgba(255,255,255,.6);
            }
            a:hover{
              background: #f4f3f3;
            }
            ul{
              background: rgba(0,0,0,.2);
              a{
                font-size:.32rem;
                font-weight: normal;
                text-shadow: 0 -1px 0 rgba(0,0,0,.5);
              }
              a:hover{
                background: rgba(0,0,0,.3);
              }
            }
          }
        }
      }
    }
  }

  .content{
    width:100%;
    padding-top:1.1rem;
    ul{
      li{
        height:auto;
        width:98%;
        margin:.2rem 1%;
        border:2px solid #000;
        img{
           width:100%;
          height:100%;
        }
      }
    }
  }

}
